{% extends "base.html" %}

{% block title %}{{ list.full_name }}{% endblock title %}

{%block head%}<script src="/js/common.js"></script>
<script src="/js/tweet.js"></script>
{% if token_user.geo_enabled %}<script src="/js/geo.js"></script>{% endif %}
<script type="text/javascript">

$(function(){
	var m = more('/x/list{{ list.uri }}/more', {'max_id': {{ max_id|to_json }} } );
	var ref=refresh('/x/list{{ list.uri }}/refresh', {'since_id':{{ since_id|to_json }} });
	ref.start();
});

</script>
{% if owner_user %}{% include "inc/user-style.html" %}{% endif %}
{%endblock head%}

{% block main %}
{% include "inc/tweet-form.html" %}
{% include "inc/list-info.html" %}
<div id="Timeline">
	<div id="Tlheading">
		<div>Tweets from {{ list.full_name }}</div>
		<div id="LiveBar">
			<div id="Pause"></div>
			<div id="Mode"></div>
		</div>
	</div>
	<div id="Notifier"></div>
	<ul class="tweets">
	{% if timeline %}
	{% for tweet in timeline %}
		{% include "inc/tweet.html" %}
	{% endfor %}
	{% else %}
		<li class="nothing">No tweets here.</li>
	{% endif %}
	</ul>
	{% if max_id %}<div id="pagination"><img class="loading" src="/images/loading.gif" /><a class="more" href="{{ self.current }}?max_id={{ max_id }}">more</a></div>{% endif %}
</div>
{% endblock main%}

{% block side %}
{% include "inc/side.html" %}
{% endblock side %}